@tailwind base;
@tailwind components;
@tailwind utilities;

html,body,#app{
    width: 100%;
    height: 100%;
    margin: 0 !important;
    background-color: #fafafa;
}
input, select, textarea {
    width: 100%;
    box-sizing: border-box; /* 如果有设置padding和border的话，保持宽度不变 */
}
/* 设置滚动条的样式 */
/* 仅适用于 WebKit 内核的浏览器，如 Chrome 和 Safari */
::-webkit-scrollbar {
    width: 8px; /* 设置滚动条的宽度 */
}

/* 设置滚动条轨道的样式 */
::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* 设置滚动条轨道的背景色 */
}

/* 设置滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
    background-color: #888; /* 设置滚动条滑块的背景色 */
    border-radius: 4px; /* 设置滚动条滑块的圆角 */
}

/* 设置滚动条滑块悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* 设置滚动条滑块悬停时的背景色 */
}

.el-image-viewer__canvas{
    z-index: 9999;
}